<template>
  <div class="pageContent">
    <div class="centerAll">
      <el-card shadow="never">
        <template #header>
          <div class="card-header">
            <span>患者信息</span>
          </div>
        </template>
        <PatientInfomation></PatientInfomation>
      </el-card>

      <el-card shadow="never">
        <template #header>
          <div class="card-header">
            <span>已收费订单</span>
          </div>
        </template>
        <PaidOrder></PaidOrder>
      </el-card>

      <el-card shadow="never">
        <template #header>
          <div class="card-header">
            <span>退费</span>
          </div>
        </template>
        <Refunds></Refunds>
      </el-card>

      <el-card shadow="never">
        <template #header>
          <div class="card-header">
            <span>退费</span>
          </div>
        </template>
        <Pay></Pay>
      </el-card>
      <div class="bottomBtn">
        <el-button>取消</el-button>
        <el-button type="primary" @click="onSubmit(2)">确认</el-button>
      </div>

    </div>
  </div>
</template>

<script setup>
  import {
    ref,
    nextTick,
    onMounted,
    reactive
  } from 'vue'
  import Table from '/src/components/Table/index.vue'
  import PatientInfomation from '../recipeOrder/components/patientInformation.vue' //患者信息
  import PaidOrder from '../recipeOrder/components/paidOrder.vue'
  import Refunds from '../recipeOrder/components/refunds.vue'
  import Pay from '../recipeOrder/components/pay.vue'
  import {
    tableColumn as tableColumns,
    pageConfig,
    tableConfig
  } from './config'

  import {
    useRoute,
    useRouter
  } from "vue-router";
  import {
    ElMessage,
    ElMessageBox
  } from 'element-plus'
  const router = useRouter()
  const route = useRoute()

  const dialogRef = ref(null);
</script>

<style lang="scss" scoped>
  .topButton ::v-deep .el-button {
    margin: 0;
    margin-bottom: 12px;
    margin-right: 8px;
  }

  ::v-deep .el-card__header {
    background: #fafafa;
    padding: 15px 15px;
  }

  ::v-deep .el-card {
    padding-bottom: 40px;
    margin-bottom: 20px;
  }



  .card-header {
    color: #303133;
    font-size: 16px;
    font-weight: 600;
  }
</style>